<template>
  <div>
    <Return style="background: #eeeeee" txt="附近的人"></Return>
    <div class="row" v-for="item of list" :key="index">
      <div class="row1">
        <img src="../../../assets/images/logo.png" alt="" />
      </div>
      <div class="row2">
        <div class="row_top">
          开心就幸福
          <img src="../../../assets/images/nan.png" alt="" />
        </div>
        <div class="row_bottom">100米以内</div>
      </div>
      <div class="row3">人生如海上的小船，风浪不...</div>
    </div>
  </div>
</template>
<script>
import Return from "../../../components/return";
export default {
  components: {
    Return,
  },
  data() {
    return {
        list:[1,2,3]
    };
  },
};
</script>
<style scoped>
.row{
    width: 96%;
    margin-left: 2%;
    height: 70px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D7D7D7;
}
.row1{
    width: 15%;
    display: flex;
    align-items: center;
}
.row1 img{
    width: 80%;
    border-radius: 5px;
}
.row_top{
        display: flex;
    align-items: center;
}
.row_bottom{
    font-size: 14px;
    color:#7E7E7E;
}
.row_top img{
    width: 20px;
}
.row2{
    width: 50%;
}
.row3{
    width: 35%;
    height: 50px;
    font-size: 16px;
    background: #E5E5E5;
    color: #868686;
    overflow: hidden;
    border-radius: 5px;
    padding:2px 10px;
}
</style>